<#import "../layout/player.html" as com>
<@com.page title="Phim14" pageId="pageClip" data={'css':'clip/clip-phim22', 'js':'clip/clip-phim14',  'ver':'aa'}>
<div id="zclipApp">
	<form role="form" id="searchForm" action="#" method="get" onsubmit="return false;">
	<div class="input-group search-box">
		<span class="input-group-btn"><button class="btn btn-default del-button" type="button">&nbsp;</button></span>
		<input type="text" class="form-control" value="" placeholder="tìm tên clip" autocomplete="off" id="keyword"/>
		<span class="input-group-btn"><input class="btn btn-default go-button" type="submit" value=""/></span>
	</div>
	</form>
	
	<form role="form" id="filterForm" class="filters">
		<div class="btn-group btn-group-justified">
			<div class="btn-group">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="label-text">Phim lẻ</span> <span class="caret"></span></button>
				<ul class="dropdown-menu" role="menu" id="types">
					<li><a href="#"><label><input type="radio" name="type" value="phim-le" checked="checked"/><span>Phim lẻ</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="type" value="phim-bo"/><span>Phim bộ</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="type" value="phim-chieu-rap"/><span>Phim chiếu rạp</span></label></a></li>
				</ul>
			</div>
			<div class="btn-group">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="label-text">Sắp xếp</span> <span class="caret"></span></button>
				<ul class="dropdown-menu" role="menu" id="sorts">
					<li><a href="#"><label><input type="radio" name="order_by" value="" checked="checked"/><span>Sắp xếp</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="order_by" value="last_update"/><span>Mới</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="order_by" value="views"/><span>Xem nhiều</span></label></a></li>
				</ul>
			</div>
			<div class="btn-group">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="label-text">Thể loại</span> <span class="caret"></span></button>
				<ul class="dropdown-menu dropdown-menu-right" role="menu" id="cats">
					<li><a href="#"><label><input type="radio" name="category_id" value="" checked="checked"/><span>Tất cả</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="3"/><span>Hành Động</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="4"/><span>Phiêu Lưu</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="6"/><span>Kinh Dị</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="7"/><span>Tình Cảm</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="8"/><span>Hoạt Hình</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="9"/><span>Võ Thuật</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="10"/><span>Hài Hước</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="11"/><span>Hình Sự</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="12"/><span>Tâm Lý</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="13"/><span>Viễn Tưởng</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="14"/><span>Thần Thoại</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="5"/><span>Cổ trang</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="15"/><span>Chiến Tranh</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="16"/><span>Âm Nhạc</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="category_id" value="17"/><span>TV Show</span></label></a></li>
				</ul>
				<input type="hidden" name="p" value="1" id="page"/>
			</div>
		</div>
	</form>
	
	<div>
		<ul class="nav nav-tabs tab-list" role="tablist" id="tabList">
			<li class="active"><a href="#tabClips" role="tab" data-toggle="tab" id="tabClipsButton">Danh sách</a></li>
			<li><a href="#tabInfo" role="tab" data-toggle="tab" id="tabInfoButton">Đang xem</a></li>
		</ul>
		<div class="tab-content">
			<div class="tab-pane active" id="tabClips">
				<div id="clips" class="clearfix clips">
				</div>
				<div id="clipsMore" class="clips-more" style="display:none;">Xem thêm <span class="caret"></span></div>
			</div>
			<div class="tab-pane clip-info" id="tabInfo"></div>
		</div>
	</div>
	
</div>
</@com.page>